<ng-include src="template.header">
</ng-include>
<ng-include src="template.sidebar">
</ng-include>
<div class="page-content sidebar-page clearfix">
    <!-- .page-content-wrapper -->
    <div class="page-content-wrapper">
        <div class="page-content-inner">
            <!-- .page-content-inner -->
            <div id="page-header" class="clearfix">
                <div class="page-header">
                    <h2>控制中心</h2>
                </div>
            </div>
            <div class="row">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel tile btlr0 bblr0" data-mh="payments" id="dyn_5">
                            <div class="panel-heading">
                                <h4 class="panel-title"><i class="fa fa-reorder"></i>昨日数据概要</h4>
                            </div>
                            <div class="panel-body">
                                <!-- .row -->
                                <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
                                    <!-- .col-md-3 -->
                                    <div class="panel panel-info tile panelClose panelRefresh" id="dyn_0">
                                        <!-- Start .panel -->
                                        <div class="panel-heading">
                                            <h4 class="panel-title">昨日订单数</h4>
                                        </div>
                                        <div class="panel-body pt0">
                                            <div class="progressbar-stats-1">
                                                <div class="stats">
                                                    <i class="l-ecommerce-cart-content"></i>
                                                    <span class="pull-right">单</span>
                                                    <div class="stats-number" count-to="{{summery.orderNum}}" value="0" duration="1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End .panel -->
                                </div>
                                <!-- / .col-md-3 -->
                                <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
                                    <!-- .col-md-3 -->
                                    <div class="panel panel-success tile panelClose panelRefresh" id="dyn_1">
                                        <!-- Start .panel -->
                                        <div class="panel-heading">
                                            <h4 class="panel-title">昨日支付订单数</h4>
                                        </div>
                                        <div class="panel-body pt0">
                                            <div class="progressbar-stats-1">
                                                <div class="stats">
                                                    <i class="l-ecommerce-money"></i>
                                                    <span class="pull-right">单</span>
                                                    <div class="stats-number" count-to="{{summery.orderPaidNum}}" value="0" duration="1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End .panel -->
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
                                    <!-- .col-md-3 -->
                                    <div class="panel panel-warning tile panelClose panelRefresh" id="dyn_1">
                                        <!-- Start .panel -->
                                        <div class="panel-heading">
                                            <h4 class="panel-title">渠道支付订单数</h4>
                                        </div>
                                        <div class="panel-body pt0">
                                            <div class="progressbar-stats-1">
                                                <div class="stats">
                                                    <i class="l-ecommerce-money"></i>
                                                    <span class="pull-right">单</span>
                                                    <div class="stats-number" count-to="{{summery.orderCpsNum}}" value="0" duration="1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End .panel -->
                                </div>
                                <!-- / .col-md-3 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                                    <!-- .col-md-3 -->
                                    <div class="panel panel-danger tile panelClose panelRefresh" id="dyn_2">
                                        <!-- Start .panel -->
                                        <div class="panel-heading">
                                            <h4 class="panel-title">昨日支付金额</h4>
                                        </div>
                                        <div class="panel-body pt0">
                                            <div class="progressbar-stats-1">
                                                <div class="stats">
                                                    <i class="l-banknote"></i>
                                                    <span class="pull-right">元(人民币)</span>
                                                    <div class="stats-number money" count-to="{{summery.paidAmount}}" value="0" duration="1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End .panel -->
                                </div>
                                <!-- / .col-md-3 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                                    <!-- .col-md-3 -->
                                    <div class="panel panel-default tile panelClose panelRefresh" id="dyn_3">
                                        <!-- Start .panel -->
                                        <div class="panel-heading">
                                            <h4 class="panel-title">客单价</h4>
                                            <div class="panel-controls panel-controls-right">
                                                <a href="#" class="panel-refresh"></a>
                                            </div>
                                            <div class="panel-body pt0">
                                                <div class="progressbar-stats-1 dark">
                                                    <div class="stats">
                                                        <i class="l-banknote"></i>
                                                        <span class="pull-right">元(人民币)</span>
                                                        <div class="stats-number money" count-to="{{summery.pct}}" value="0" duration="1"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End .panel -->
                                    </div>
                                    <!-- / .col-md-3 -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- / .row -->
                <div class="row">
                    <!-- Start .row -->
                    <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                        <div class="panel tile btlr0 bblr0" data-mh="payments" id="dyn_5">
                            <div class="panel-heading">
                                <h4 class="panel-title"><i class="fa fa-signal"></i>本周订单数据走势</h4>
                            </div>
                            <!-- col-lg-8 start here -->
                            <div class="panel-body">
                                <div class="col-lg-9 col-sm-9 col-xs-12 p0">
                                    <canvas class="chart chart-line" chart-data="chart.data" chart-labels="chart.labels" chart-series="chart.series"></canvas>
                                </div>
                                <div class="col-lg-3 col-sm-3 col-xs-12 p0">
                                    <div class="spark clearfix">
                                        <div class="spark-info">本周订单数据概览</div>
                                    </div>
                                    <div class="spark clearfix">
                                        <div class="spark-info mb0"><span class="number stats-number money s32" count-to="{{chart.summery.paidAmount}}" value="0" duration="1"></span>
                                        </div>
                                        <div class="spark-info mtm5">本周总销售量</div>
                                    </div>
                                    <div class="spark clearfix">
                                        <div class="spark-info mb0"><span class="number stats-number s32 color-gray-light" count-to="{{chart.summery.orderNum}}" value="0" duration="1"></span>
                                        </div>
                                        <div class="spark-info">本周总订单数</div>
                                    </div>
                                    <div class="spark clearfix">
                                        <div class="spark-info mb0"><span class="number stats-number s32 color-gray-light" count-to="{{chart.summery.paidOrderNum}}" value="0" duration="1"></span>
                                        </div>
                                        <div class="spark-info">本周总已支付订单数</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- col-lg-3 end here -->
                    </div>
                    <!-- col-lg-8 end here -->
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <!-- 
                    <div class="panel panel-default plain toggle panelClose panelRefresh" id="dyn_10">
                        <div class="panel-heading">
                            <h4 class="panel-title"><i class="l-basic-target"></i> 月度销售计划 </h4>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <ul class="list-unstyled" style="margin-bottom:13px;">
                                        <li class="mb15">
                                            <p class="strong mb0">母婴用品 <span class="text-muted pull-right small">100 of 200 sold</span>
                                            </p>
                                            <div class="progress animated-bar progress-bar-sm flat mt0">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" data-transitiongoal="50" aria-valuenow="50" style="width: 50%;"></div>
                                            </div>
                                        </li>
                                        <li class="mb15">
                                            <p class="strong mb0">美妆个护 <span class="text-muted pull-right small">150 of 200 sold</span>
                                            </p>
                                            <div class="progress animated-bar progress-bar-sm flat mt0">
                                                <div class="progress-bar progress-bar-danger" role="progressbar" data-transitiongoal="75" aria-valuenow="75" style="width: 75%;"></div>
                                            </div>
                                        </li>
                                        <li class="mb15">
                                            <p class="strong mb0">营养保健 <span class="text-muted pull-right small">25 of 200 sold</span>
                                            </p>
                                            <div class="progress animated-bar progress-bar-sm flat mt0">
                                                <div class="progress-bar progress-bar-warning" role="progressbar" data-transitiongoal="12" aria-valuenow="12" style="width: 12%;"></div>
                                            </div>
                                        </li>
                                        <li class="mb15">
                                            <p class="strong mb0">居家生活 <span class="text-muted pull-right small">195 of 300 sold</span>
                                            </p>
                                            <div class="progress animated-bar progress-bar-sm flat mt0">
                                                <div class="progress-bar progress-bar-success" role="progressbar" data-transitiongoal="66"></div>
                                            </div>
                                        </li>
                                        <li>
                                            <p class="strong mb0">轻奢 <span class="text-muted pull-right small">195 of 300 sold</span>
                                            </p>
                                            <div class="progress animated-bar progress-bar-sm flat mt0">
                                                <div class="progress-bar progress-bar-default" role="progressbar" data-transitiongoal="66"></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <div class="text-center">
                                        <div id="sales-goal" class="custom-progressbar green pull-left mr15" style="width:150px;height:150px;">
                                            <div class="percent">470</div>
                                            <div class="description s14">of 900 sold</div>
                                            <svg viewBox="0 0 100 100">
                                                <path d="M 50,50 m 0,-48 a 48,48 0 1 1 0,96 a 48,48 0 1 1 0,-96" stroke="#47a877" stroke-width="4" fill="#f1fcf7" style="stroke-dasharray: 301.635, 301.635; stroke-dashoffset: 150.818;"></path>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="custom-progressbar-legend text-center">
                                        <p class="text-left"><span class="strong">65%</span> 已完成</p>
                                        <p class="text-left"><span class="strong">35% </span>  未完成</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                -->
                        <div class="panel panel-default plain toggle panelMove panelClose panelRefresh" id="dyn_13">
                            <!-- Start .panel -->
                            <div class="panel-heading">
                                <h4 class="panel-title"><i class="fa fa-comments"></i>金牌销售-周排行前5名</h4>
                            </div>
                            <div class="panel-body">
                                <ul class="list-group recent-comments">
                                    <li class="list-group-item clearfix comment-success" ng-repeat="(key, record) in kpis">
                                        <div class="avatar pull-left mr15">
                                            <img src="" alt="avatar" style="height:50px; width: 50px;">
                                        </div>
                                        <p>
                                            <span class="name strong">{{record.guider_code}} </span>
                                        </p>
                                        <span class="date text-muted small pull-left">周支付订单数：{{record.paid_order_num}}，周支付订单金额：{{record.paid_payment_amount}}元人民币</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- col-lg-4 end here -->
                </div>
                <!-- 
            <div class="row">
                <div class="col-lg-8 col-md-12">
                    
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-4 col-md-6 p0">
                                <div class="panel panel-default tile btrr0 bbrr0" data-mh="sales-locations" id="dyn_11" style="height: 294px;">
                                    <div class="panel-heading">
                                        <h4 class="panel-title"><i class="glyphicon glyphicon-list-alt"></i> Latest
                                                Sales</h4>
                                    </div>
                                    <div class="panel-body pt0">
                                        <ul class="list-unstyled mb0">
                                            <li class="mb5 pb5 bbdashed">
                                                <span class="strong">New Your:</span> order
                                                <span class="color-red">#345675</span> - 176$
                                            </li>
                                            <li class="mb5 pb5 bbdashed">
                                                <span class="strong">Vancuver:</span> order
                                                <span class="color-red">#345674</span> - 56$
                                            </li>
                                            <li class="mb5 pb5 bbdashed">
                                                <span class="strong">London:</span> order
                                                <span class="color-red">#345673</span> - 12$
                                            </li>
                                            <li class="mb5 pb5 bbdashed">
                                                <span class="strong">Barcelona:</span> order
                                                <span class="color-red">#345672</span> - 34$
                                            </li>
                                            <li class="mb5 pb5 bbdashed">
                                                <span class="strong">Moskva:</span> order
                                                <span class="color-red">#345671</span> - 15$
                                            </li>
                                            <li class="mb5 pb5">
                                                <span class="strong">Tokio:</span> order
                                                <span class="color-red">#345669</span> - 67$
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-6 p0">
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12">
                    <div class="panel panel-default plain toggle panelMove panelClose panelRefresh" id="dyn_13">
                        <div class="panel-heading">
                            <h4 class="panel-title"><i class="fa fa-comments"></i>Customer Comments</h4>
                            <div class="panel-controls panel-controls-right"><a href="#" class="panel-refresh"><i class="fa fa-circle-o"></i></a><a href="#" class="toggle panel-minimize"><i class="fa fa-angle-up"></i></a><a href="#" class="panel-close"><i class="fa fa-times"></i></a></div>
                        </div>
                        <div class="panel-body">
                            <ul class="list-group recent-comments">
                                <li class="list-group-item clearfix comment-success">
                                    <div class="avatar pull-left mr15">
                                        <img src="img/avatars/2.jpg" alt="avatar">
                                    </div>
                                    <p class="text-ellipsis"><span class="name strong">Ben Simpson: </span> Very happy with your support is really great, keep that quality.</p>
                                    <span class="date text-muted small pull-left">Dec 18, 2014, 4:24 pm</span>
                                    <a href="#" class="see-more small pull-right">View comment</a>
                                </li>
                                <li class="list-group-item clearfix comment-default">
                                    <div class="avatar pull-left mr15">
                                        <img src="img/avatars/3.jpg" alt="avatar">
                                    </div>
                                    <p class="text-ellipsis"><span class="name strong">Jonh: </span> Fine items but you could invest more time.</p>
                                    <span class="date text-muted small pull-left">Dec 18, 2014, 12:11 pm</span>
                                    <a href="#" class="see-more small pull-right">View comment</a>
                                </li>
                                <li class="list-group-item clearfix comment-info">
                                    <div class="avatar pull-left mr15">
                                        <img src="img/avatars/4.jpg" alt="avatar">
                                    </div>
                                    <p class="text-ellipsis"><span class="name strong">Dina Dowsen: </span> Awesome items, really fast delivery.</p>
                                    <span class="date text-muted small pull-left">Dec 18, 2014, 8:17 pm</span>
                                    <a href="#" class="see-more small pull-right">View comment</a>
                                </li>
                                <li class="list-group-item clearfix comment-warning">
                                    <div class="avatar pull-left mr15">
                                        <img src="img/avatars/5.jpg" alt="avatar">
                                    </div>
                                    <p class="text-ellipsis"><span class="name strong">Matt: </span> I`m not impressed but is fine.</p>
                                    <span class="date text-muted small pull-left">Dec 17, 2014, 6:24 pm</span>
                                    <a href="#" class="see-more small pull-right">View comment</a>
                                </li>
                                <li class="list-group-item clearfix comment-danger">
                                    <div class="avatar pull-left mr15">
                                        <img src="img/avatars/6.jpg" alt="avatar">
                                    </div>
                                    <p class="text-ellipsis"><span class="name strong">Ben Simpson: </span> This is worst item i ever seen.</p>
                                    <span class="date text-muted small pull-left">Dec 16, 2014, 1:20 pm</span>
                                    <a href="#" class="see-more small pull-right">View comment</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
             -->
            </div>
            <!-- / .page-content-inner -->
        </div>
        <!-- / page-content-wrapper -->
    </div>
</div>
